<!DOCTYPE html>
<html>
	<meta charset="UTF-8">

	<head>
		<meta charset="{CHARSET}">

		<title> </title>

		<style>
			.border {
				border: 5px solid darkblue;
			}
			
			.float_right {
				float: right;
			}
			
			.parent-box {
				display: flex;
				justify-content: center;
				align-items: center;
				flex-direction: column;
			}
			
			.child-box {}
			
			.child-text {
				margin: 20px 15px 15px 20px;
			}
			
			.top-index {
				left: 0;
				top: 0;
				height: 30%;
				width: 100%;
				background-color: #FFD700;
				position: absolute;
				position: fixed;
				z-index: 999999
			}
			
			.bottom-index {
				left: 0;
				height: 50px;
				width: 100%;
				background-color: #FFD700;
				position: relative;
				position: fixed;
				bottom: 0px;
				z-index: 999999
			}
			
			.about-index {
				background-color: azure;
			}
		</style>
		<script src="//code.jquery.com/jquery-1.10.2.js"></script>

	</head>

	<body>
		<!-- 基础模板所在黄框的大小位置设定 -->
		<div class="top-index">
			基础模板
			<div class="" style="display:flex;height: 40px;position: absolute;bottom: 0px;right: 150px;">
				<div id="首页" class="" style="width: 80px;height: 30px;">
					首页
				</div>
				<div id="新闻" class="" style="width: 80px;height: 30px;">
					新闻
				</div>
				<div id="关于" class="" style="width: 80px;height: 30px;">
					关于
				</div>
				<div id="联系我们" class="" style="width: 80px;height: 30px;float: right;">
					联系我们
				</div>

			</div>
		</div>

		<div id="idex" class="parent-box">

			<div class="child-box about-index" style="height:300px;">

			</div>

			<div class="child-box about-index" style="width: 1000px;">

				<div class="child-text">
					<div style="width: 100%;height: 400px;background-image: url('img/timg.jpg');">
						欢迎联系我们：电话4008-123-123
					</div>
				</div>
			</div>

		</div>
		<div class="bottom-index" style="">
			这是底部
		</div>

	</body>

	<script>
	</script>

</html>